.container {
	box-sizing: border-box;
	width: 100%;
}
.row::before, .row::after {
	content: "";
	display: table;
	clear: both;
}
[class^="col"] {
	box-sizing: border-box;
	height: 70px;
	min-height: 1px;
	float: left;
	padding: 10px;
}
.inside {
	background-color: #eee;
	border: 1px #999 solid;
	height: 100%;
}
@media (min-width:768px) {
	.col-md-1 {
		width: 8.33333333%;
	}
	.col-md-2 {
		width: 16.66666667%;
	}
	.col-md-3 {
		width: 25%;
	}
	.col-md-4 {
		width: 33.33333333%;
	}
	.col-md-6 {
		width: 50%;
	}
}
@media (max-width:768px) {
	.col-sm-2 {
		width: 16.66666667%;
	}
	.col-sm-3 {
		width: 25%;
	}
	.col-sm-6 {
		width: 50%;
	}
	.col-sm-12 {
		width: 100%;
	}
}